@charset "utf-8";
/*----------------------课程分类选择----------------------------*/
.class-nav{
	background: #fff;
	border-top: 2px solid #2DAADD;
	padding-top: 15px;
	padding-bottom: 15px;
	box-shadow: 0 1px 7px rgba(0,0,0,.1);
	width: 1190px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 35px;
}
.classify-box{
	width: 1190px;
	margin: 0 auto;

}
.on-list-more {
	border:1px solid #dedede;
	color:#999;
	position:absolute;
	right:10px;
	top:-2px;
	padding:0 5px;
	border-radius: 4px;
	}
.classify-box dl{
	overflow: hidden;
	font-size: 14px;
	padding: 12px 0;
}
.classify-box dl dt{
	color: #666;

}
.classify-box dt,.classify-box dd{
	float: left;
}
.classify-box .all{
	padding-left: 12px;
}
.classify-box li{
	float: left;
	padding: 0 14px;
	line-height: 30px;
}
.classify-box li a{
	color: #333;
}
.classify-box li a:hover{
	color: #2DAADD;
}
.classify-box .check{
	display: inline-block;
	background: #2DAADD;
	line-height: 24px;
	padding: 0px 12px;
	color:#fff !important;
	border-radius:12px ;

}
/*----------------------全部课程----------------------------*/
.class-box{
	width: 1190px;
	margin: 0 auto;

}
.ac-bar {
	position: relative;
}
.ac-bar .new-hot{
	position: absolute;
	right: 0;
	top: 0px;
}
.ac-bar .new-hot .color{
	color: #2daadd;
}
.ac-bar .new-hot .cur{
	color: #2daadd;
}
.ac-bar .new-hot em{
	font-size: 14px;
    vertical-align: middle;
    color: #999;
    line-height: 1;
}
.ac-bar .new-hot .check{
	color: #2daadd;
}
.ac-bar .new-hot span{
	margin: 0 10px;
    font-size: 14px;
    color: #999;
    vertical-align: middle;
}
.ac-bar .new-hot span:hover{
	color: #2daadd;
}

.class-box .title{
	font-size: 20px;
	border-left: 4px solid #2DAADD;
	padding-left: 12px;
	font-weight: normal;
	margin: 30px 0;
}
.class-all{

	overflow: hidden;
}
.class-all li{
	width: 276px;
	height: 240px;
	position: relative;
	float: left;
	margin-right: 19px;
	margin-bottom: 26px;
	border: 1px solid #dedede;
	border-radius: 5px;
}
.class-all li:nth-last-of-type(1){
	margin-right: 0px !important;
}
.class-all li .a-box{
	display: block;

	padding: 8px;
}
.class-all li .img-box{
	width: 262px;
	height: 144px;
	overflow: hidden;
	margin: 10px auto 0;


}
.class-all li .img-box img{
	width: 100%;
	height: 100%;
	border-radius: 5px;
}
.class-all li h5 {
	color: #333;
	font-size: 14px;
	line-height: 32px;
	padding-left: 10px;
	width: 234px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: normal;
}
.class-all li .tips{
	color: #666;
	padding-left: 10px;
	font-size: 12px;
	line-height: 24px;
}
.class-all li .price{
	font-size: 12px;

}
.class-all li .price .state{
	color: #57bc4c;
}
.class-all li .price .state01{
	color: #f5ab22;
}
.class-all li .price .state02{
	color: #f5ab22;
}
.class-all li .price .state03{
	color: #f5ab22;
}
.class-all li:hover .mask{
	display: block;
}
.mask{
	width:inherit;
	height: inherit;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.7);
	display: none;
	border-radius: 5px;
}
.mask .a-btn{
	display: block;
	background: #2DAADD;
	width: 148px;
	text-align: center;
	line-height: 46px;
	color: #fff;
	border-radius:23px;
	margin: 0 auto;
	margin-top: 98px;
}
/*----------------------推荐课程----------------------------*/
.reco-class{
	background: #fff;
	padding: 4px 0;
}
.recommend li{
	width: 278px;
	border: 0;
}
.recommend li .img-box{
	width: 278px;
	height: 170px;
}
.recommend li:hover h5{
	color: #0086B3;
}
/*课程分类*/
.orientation{
	position: relative;
    line-height: 20px;
    margin: 10px 0;
}
.orientation span{
	position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 73px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    text-indent: 4px;
    color: #999;
}
.filter_content {
    margin-left: 67px;
    margin-right: 10px;
    font-size: 0;
    padding: 0;
	height:29px;
	overflow:hidden;
    }

.filter_content :hover{
	cursor: pointer;
}

.filter_content  .item{
	display: inline-block;
    vertical-align: top;
    padding: 0 14px;
    font-size: 12px;
    color: #666;
    margin-bottom: 5px;
    height:24px;
    line-height:24px;
}
.class-box-outer{
	background: #fff;
	padding-top: 16px;
}
.filter_content  .item:hover{
	color: #2DAADD;
}

.recommend li .img-box:hover>img{
	transform: scale(1.05, 1.05);
  transition: .5s transform;
}
/*头像*/
.login .touxiang{
	border-radius:50%;
	display: inline-block;
	margin: 0 !important;
}
.login .touxiang img{
	border-radius:50%;
	width: 46px;
	height: 46px;
	vertical-align: middle;
}
.login .user-name{
	font-size: 12px;
}
